Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / settings / sections / DesktopSettingsSection.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<section Te6edf3v-if=Ta5d6ff"isElectron" Te6edf3v-show=Ta5d6ff"visible" Te6edf3class=Ta5d6ff"settings-section break-inside-avoid"Tff7b72>

Tff7b72<header Te6edf3class=Ta5d6ff"settings-section__header"Tff7b72>

Tff7b72<divTff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__eyebrow"Tff7b72>DesktopTff7b72</div>

Tff7b72<h2Tff7b72>App BehaviourTff7b72</h2>

Tff7b72<pTff7b72>Control how MeshChat behaves on your desktop.Tff7b72</p>

Tff7b72</div>

Tff7b72</header>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__body space-y-4"Tff7b72>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle opacity-50 cursor-not-allowed"Tff7b72>

Tff7b72<Toggle Te6edf3id=Ta5d6ff"desktop-open-calls-in-separate-window" Te6edf3:model-value=Ta5d6ff"false" Te6edf3:disabled=Ta5d6ff"true" Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_open_calls_in_separate_window"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__description"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_open_calls_in_separate_window_description"Tff7b72) Tff7b72}}

Tff7b72<span Te6edf3class=Ta5d6ff"text-blue-500 font-bold block mt-1"Tff7b72>(Phased out for now)Tff7b72</span>

Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle"Tff7b72>

Tff7b72<Toggle

Te6edf3id=Ta5d6ff"desktop-hardware-acceleration-enabled"

Te6edf3:model-value=Ta5d6ff"config.desktop_hardware_acceleration_enabled"

@Te6edf3update:model-value=Ta5d6ff"$emit('hardware-acceleration-change', $event)"

Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_hardware_acceleration_enabled"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__description"Tff7b72>Tff7b72{{

$Te6edf3tTff7b72(Ta5d6ff"app.desktop_hardware_acceleration_enabled_description"Tff7b72)

Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__hint"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.requires_restart"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle"Tff7b72>

Tff7b72<Toggle

Te6edf3id=Ta5d6ff"desktop-tray-enabled"

Te6edf3:model-value=Ta5d6ff"desktopCloseSettings.trayEnabled"

@Te6edf3update:model-value=Ta5d6ff"$emit('tray-enabled-change', $event)"

Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_tray_enabled"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__description"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_tray_enabled_description"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72<label Te6edf3class=Ta5d6ff"flex flex-col gap-2"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"text-sm font-medium text-sem-fg"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_close_behavior"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"text-xs text-sem-fg-muted"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_close_behavior_description"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72<select

Te6edf3id=Ta5d6ff"desktop-close-behavior"

Te6edf3:value=Ta5d6ff"desktopCloseSettings.closeBehavior"

Te6edf3class=Ta5d6ff"input-field"

@Te6edf3change=Ta5d6ff"$emit('close-behavior-change', $event.target.value)"

Tff7b72>

Tff7b72<option Te6edf3value=Ta5d6ff"ask"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_close_behavior_ask"Tff7b72) Tff7b72}}Tff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"quit"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.desktop_close_behavior_quit"Tff7b72) Tff7b72}}Tff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"background"Tff7b72>

Tff7b72{{

Te6edf3desktopCloseSettingsTe6edf3.trayEnabled

? $Te6edf3tTff7b72(Ta5d6ff"app.desktop_close_behavior_background"Tff7b72)

Tff7b72: $Te6edf3tTff7b72(Ta5d6ff"app.desktop_close_behavior_background_no_tray"Tff7b72)

Tff7b72}}

Tff7b72</option>

Tff7b72</select>

Tff7b72</label>

Tff7b72</div>

Tff7b72</section>

Tff7b72</template>

Tff7b72<scriptTff7b72>

import Toggle from "../../forms/Toggle.vue";

import ElectronUtils from "../../../js/ElectronUtils";

export default {

name: "DesktopSettingsSection",

components: {

Toggle,

},

props: {

visible: {

type: Boolean,

default: true,

},

config: {

type: Object,

required: true,

},

desktopCloseSettings: {

type: Object,

required: true,

},

},

emits: ["hardware-acceleration-change", "tray-enabled-change", "close-behavior-change"],

computed: {

isElectron() {

return ElectronUtils.isElectron();

},

},

};

Tff7b72</script>